{% from 'bootstrap5/form.html' import render_form %}
{% extends 'base.html' %}
{%block links%} <link href="{{ url_for('static', filename='auth/signin.css') }}" rel="stylesheet"> {% endblock %}
{% block title %}FLASKY博客 登录{% endblock %}

{% block page_content %}
    {{ render_form(form) }}

    <main class="form-signin text-center">
        <form method="post">
        {{ form.csrf_token }}
          <img class="mb-4" src="https://getbootstrap.com/docs/5.1/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
          <h1 class="h3 mb-3 fw-normal">请登录</h1>
      
          <div class="form-floating">
            <input type="email" name="email" class="form-control" id="floatingInput" placeholder="name@example.com">
            <label for="floatingInput">Email地址</label>
          </div>
          <div class="form-floating">
            <input type="password" name="password" class="form-control" id="floatingPassword" placeholder="Password">
            <label for="floatingPassword">密码</label>
          </div>
      
          <div class="checkbox mb-3">
            <label>
              <input type="checkbox" name="remember_me" value="remember-me"> 记住我
            </label>
          </div>
          <button class="w-100 btn btn-lg btn-primary" name="submit" type="submit">登录</button>
          <p class="mt-5 mb-3 text-muted">&copy; 2017–2021</p>
        </form>
      </main>
      
{% endblock%}